body {
  margin: 0px;
}

.fixed-bottom {
  /*  position: fixed; 固定位置 */
  position: fixed;
  /* bottom：0px；离下方的距离为0 */
  bottom: 0px;
  /* 固定位置元素会脱离文档流，且会丢失宽度，变成元素总的宽度 */
  border: 1px solid #ff0000;
}

.fixed-top {
  position: fixed;
  top: 0px;
  /* vw单位：是浏览器可视区域的总宽度的百分比 */
  width: 100vw;
  text-align: center;
}

.fixed-right {
  position: fixed;
  right: 0px;
  /* vh表示浏览器可视区域高度的百分比 */
  top: 50vh;
}

.fixed-left {
  position: fixed;
  top: 50vh;
  left: 20px;
}

.abs {
  position: absolute;
  top: 200px;
  left: 200px;
}
